/* TYPOGRAPHY
/* ---------------------------------------------------------------------- */

/* Webfonts */


/*@font-face {
	font-family: 'Atlas Grotesk Web';
	src: url('../fonts/Atlas Grotesk Web-Regular.eot');
	src: url('../fonts/Atlas Grotesk Web-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Atlas Grotesk Web-Regular.woff') format('woff'),
		 url('../fonts/Atlas Grotesk Web-Regular.ttf') format('truetype'),
		 url('../fonts/Atlas Grotesk Web-Regular.svg#Atlas Grotesk Web') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Atlas Grotesk Web';
	src: url('../fonts/Atlas Grotesk Web-Bold.eot');
	src: url('../fonts/Atlas Grotesk Web-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Atlas Grotesk Web-Bold.woff') format('woff'),
		 url('../fonts/Atlas Grotesk Web-Bold.ttf') format('truetype'),
		 url('../fonts/Atlas Grotesk Web-Bold.svg#Atlas Grotesk Web') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Atlas Grotesk Web';
	src: url('../fonts/Atlas Grotesk Web-Black.eot');
	src: url('../fonts/Atlas Grotesk Web-Black.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Atlas Grotesk Web-Black.woff') format('woff'),
		 url('../fonts/Atlas Grotesk Web-Black.ttf') format('truetype'),
		 url('../fonts/Atlas Grotesk Web-Black.svg#Atlas Grotesk Web') format('svg');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Atlas Typewriter Web';
	src: url('../fonts/Atlas Typewriter Web-Regular.eot');
	src: url('../fonts/Atlas Typewriter Web-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Atlas Typewriter Web-Regular.woff') format('woff'),
		 url('../fonts/Atlas Typewriter Web-Regular.ttf') format('truetype'),
		 url('../fonts/Atlas Typewriter Web-Regular.svg#Atlas Typewriter Web') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Atlas Typewriter Web';
	src: url('../fonts/Atlas Typewriter Web-Black.eot');
	src: url('../fonts/Atlas Typewriter Web-Black.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Atlas Typewriter Web-Black.woff') format('woff'),
		 url('../fonts/Atlas Typewriter Web-Black.ttf') format('truetype'),
		 url('../fonts/Atlas Typewriter Web-Black.svg#Atlas Typewriter Web') format('svg');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
}*/

/* ---------------------------------------------------------------------- */

body {
  	font-size:100%; /* basis size, which is scaled for smaller screens */
  	/*hint: ein Grund, warum ich zum Beispiel keine Prozentangabe f��r Schriften verwende ist, dass Webkit-Browser einen Render-Bug damit haben. Hat man Eine Schriftgr??e in % gesetzt und hat z.B. einen Slider mit CSS3-transitions auf der Seite, flackert das Schrift Rendering
	color: #000; (www.elmastudio.de/programmierung/css/css-tipp-rem-als-einheit-fur-schriftgrose-nutzen)	
	*/
}

h1 {
	font-family:"SourceHanSerifCN-Bold", sans-serif;
	font-size: 4em;
	line-height: 1em; 
	font-weight: 900;
}

h2 {
	font-family:"SourceHanSerifCN-Bold", sans-serif;
	font-size: 2.5em;
	line-height: 1.3em; 
	font-weight: 900;
}

h3 {
	/*font-family: "Atlas Typewriter Web", sans-serif;*/
	font-size: 1.3em; 
	margin-bottom: 0.5em;
	font-weight: 400;
}

.copy-text, p, h3 {
	font-family: "microsoft yahei", sans-serif;
	font-size: 1.3333333em; 
	line-height: 1.5em;
}

.award-text, .link-button-text {
	/*font-family: "Atlas Typewriter Web", sans-serif;*/
	font-size: 1em; 
	line-height: 1.4em;
}

.typewriter, #footer, .kb-hint {
	/*font-family: "Atlas Typewriter Web","Courier New", Courier, monospace;*/
	font-size: 0.7em; 
	letter-spacing: 0.2em;
}

/* no ios text size adjustment to avoid linebreak. */
.kb-hint {
	-webkit-text-size-adjust: 100%;
}

.logo {
	font-family: "SourceHanSerifCN-Bold", sans-serif;
	font-size: 1.5em; 
	line-height: 1em;
	font-weight: 900;
	letter-spacing:0.05em;
}

.menu-item, .menu-level2-item {
	/*font-family: "Atlas Typewriter Web", sans-serif;*/
	font-size: 0.9em; 
	font-weight: 400;	
}

.menu-touch-item {
	/*font-family: "Atlas Typewriter Web", sans-serif;*/
	font-size: 12px; 
	font-weight: 400;		
}
